<script>
export default {
  data() {
    return {
      show: false,
      title: '',
      content: '',
      btns: [],
    };
  },
  mounted() {
    console.log('dialog mounted');
  },
  methods: {
  }
};
</script>

<template>
  <div class="dialog-wrapper">
    <el-dialog :title="title" :visible.sync="show" width="30%" :destroy-on-close="true">
      <span>{{ content }}</span>
      <span slot="footer" class="dialog-footer">
        <el-button v-for="btn in btns" :key="btn.text" @click="btn.handler">取 消</el-button>
        <!-- <el-button type="primary" @click="show = false">确 定</el-button> -->
      </span>
    </el-dialog>
  </div>
</template>
<style scoped></style>
